﻿<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>12班的主页</title>
    <style>
        .red{
            color: red
        }
        iframe{
            width: 80vh;
            height: 80vh;
        }
        #scoller{
            margin-left: 5vh;
            background-color: grey;
            padding: 2vh;
            color: white;
        }
        a{
            color: white;

        }
        #randomPlayer{
            margin-left: 7vh;
            margin-bottom: 7vh;
            outline:#30f293 solid thick;
            outline-width: 2px;
        }
        #randomWords{
            color: cadetblue;
        }
    </style>
</head>
<body>
    <h1>12班主页</h1>
    <h2>人,生当有品:如仁,如智,如忠,如孝,如悌</h2>
    <p id="randomWords"></p>
        <div id="randomPlayer">
            随机数生成器（1-54）
            <div id="randomNum">点击下方生成</div>
            <button onclick="document.getElementById('randomNum').innerHTML = Math.floor(Math.random()*54+1)">点击生成</button>
        </div>
        <div id="scoller">
        <ol>
            <li><a href="http://www.bing.com" target="_blank">点我上必应(电教员推荐的更快的搜索引擎)</a></li>
            <li><a href="http://www.baidu.com" target="_blank">点我上百度</a></li>
            <li><a href="http://www.bilibili.com" target="_blank">点我上b站</a></li>
            <li><a href="https://www.geogebra.org/graphing" target="_blank">点我打开图形计算器</a><br></li>
            <li><a href="javascript:0" onclick="killer()">疼讯体育</a></li>
        </ol>
    </div>
    <script>
        var ranWords=[
        "<span class='red'>少看NBA！！</span>垚哥 is watching you ",
        "金奇：我有个更好的证法",
        "在随便乱看的时候不要忘记开无痕模式：）",
        "数学女孩是本好书，也是个好女孩",
        "在生物课前检查一下你的思维导图有没谢：）",
        "不要随便乱改哦，电教员huhihi入侵.1.321.12.12会give you some <span class='red'>color</span> see see"
        ];
        function hello(){
            if(ranWords.length!=6) return;
            console.log(Math.random()*ranWords.length);
            document.getElementById("randomWords").innerHTML = 
                ranWords[Math.floor(Math.random()*ranWords.length)];
        }
        function killer(){
            alert("我bu知道你是谁");
        }
        hello();
        setInterval("hello()",2000)
    </script>
</body>
</html>